import React from "react";

export default class LearnPropsChild extends React.Component {
  /**
   * 子传父
   * 需要通过一个事件触发一个方法
   * 然后在这个方法里面调用父组件传过来的函数
   * 并且传参
   * 然后组件对应的函数就会被触发，并且接收到参数
   * 完成子传父
   * 
   * 我们接收到的方法，是引用数据类型
   * 那么 引用地址不变的情况下，使用的都是一个方法
   * 或者一块内存
   */
  setParent() {
    this.props.onHello && this.props.onHello("你好，父组件");
  }

  render() {
    console.log(this.props);
    return (
      <div>
        <div>我是子组件 -- {this.props.name}</div>
        <div>子组件接收的{this.props.num}</div>
        <button onClick={() => this.setParent()}>给父组件问声好</button>
      </div>
    );
  }
}
